<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>动漫网站分类页面</title>  
    <style>  
        /* 简单的样式 */  
        body {  
            font-family: Arial, sans-serif;  
            margin: 0;  
            padding: 20px;  
        }  
  
        h1 {  
            text-align: center;  
        }  
  
        .categories {  
            display: flex;  
            flex-wrap: wrap;  
            justify-content: center;  
        }  
  
        .category {  
            width: 200px;  
            margin: 10px;  
            border: 1px solid #ccc;  
            padding: 10px;  
            border-radius: 5px;  
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
            text-align: center;  
            transition: all 0.3s ease;  
        }  
  
        .category:hover {  
            transform: scale(1.05);  
        }  
  
        .category a {  
            text-decoration: none;  
            color: inherit;  
        }  
    </style>  
</head>  
<body>  
    <h1>动漫分类</h1>  
    <div class="categories">  
        <div class="category">  
            <a href="a.html">国产</a>  
        </div>  
        <div class="category">  
            <a href="b.html">日产</a>  
        </div>  

        <!-- 更多的分类... -->  
    </div>  
</body>  
</html>